<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>源码大数据-注册页</title>
    <link rel="stylesheet" href="../../assets/fonts/iconfont.css" />
    <link rel="stylesheet" href="./register.css" />
  </head>
  <body>
    <header class="header">
      <div class="container df jsb">
        <div class="logo">
          <a href="#">
            <img src="../../assets/imgs/logo-white.png" alt="" />
          </a>
          <h1>源码数据</h1>
        </div>
        <p>已有源码账号，<a href="../login/login.html">立即登录</a></p>
      </div>
    </header>
    <section class="welcome-register container">
      <div class="form">
        <h2>欢迎注册</h2>
        <p class="Interface">百款接口免费试用</p>
        <p class="gifts">
          <img src="../../assets/imgs/reg-gift.png" alt="" />
          注册即送300元大礼包
        </p>
        <p>
          <input
            class="inp user-name userTips"
            type="text"
            placeholder="用户名（6~12位字母数字）"
          />
          <span class="iconfont icon-shandiao iconfont1"></span>
          <!-- <span class="iconfont icon-gantanhao"></span> -->
          <em class="test">昵称需在6-12位字母数字间</em>
        </p>
        <p>
          <input class="inp phone" type="text" placeholder="请输入手机号" />
          <span class="iconfont icon-shandiao iconfont2"></span>
          <!-- <span class="iconfont icon-gantanhao"></span> -->
          <em class="test">请输入正确的手机号</em>
        </p>
        <p>
          <input
            type="text"
            class="inp inp-code"
            placeholder="请输入手机短信验证码"
          />
          <button class="get-captcha" type="button">获取验证码</button>
          <!-- <span class="iconfont icon-shandiao"></span> -->
          <!-- <span class="iconfont icon-gantanhao"></span> -->
          <em class="test">请输入4位手机验证码</em>
        </p>
        <p>
          <input
            class="inp inp-pwd"
            type="password"
            placeholder="请输入6-12位的密码"
          />
          <span class="iconfont icon-shandiao iconfont3"></span>
          <!-- <span class="iconfont icon-gantanhao"></span> -->
          <em class="test">请输入6至12位的密码</em>
        </p>
        <p class="agree">
          <label>
            <input type="checkbox" id="changeBtn" />我已阅读并接受<a href="#"
              >《源码用户服务协议》《源码隐私政策》</a
            >
          </label>
        </p>
        <p>
          <button class="submit-btn" disabled>立即注册</button>
        </p>
      </div>
    </section>

    <!-- js交互 -->
    <script src="../../assets/js/fn.js"></script>
    <script src="./register.js"></script>
  </body>
</html>
